<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>考试账号注册</title>

  <link rel="stylesheet" type="text/css" href="../css/base.css">
  <link rel="stylesheet" type="text/css" href="../css/post.css">
  <link rel="stylesheet" type="text/css" href="../font/iconfont.css">
  <script crossorigin="anonymous" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>
</head>

<body>
  <!-- 头部 -->
  <header>
    <ul>
      <li><a href="../index.html">首页</a><i style="color: red; margin-left: 15px;">TEST</i>
      </li>

    </ul>
    <main>
      <section>
        <div class="pos">
          <li><span class="iconfont icon-shouji"></span><i>手机号注册</i></li>
          <li><span class="iconfont icon-duanxin"></span><i>邮件地址注册</i></li>
        </div>
        <!-- 注册 -->
        <form >
          <h1>考试账号注册</h1>
          <p class="tips">与有校园账号，<a href="../html/logon.html">去登录</a></p>
          <div class=" district"><span>学校地区</span><select name="" id="">
              <option value="">中国</option>
              <option value="">日本</option>
              <option value="">中国</option>
              <option value="">日本</option>
            </select> </div>
          <div><select name="" id="" class="stel clear-input">
              <option value="">手机号</option>
            </select> <input type="tel" placeholder="手机号" class="clear-input  tel"></div>
          <i class="itop">手机号格式不正确</i>
          <div> <input type="password" placeholder="密码" class="clear-input passworldf" ><span
              class="iconfont icon-mimaxianshi"></span></div>
          <i class="ipass"> 至少包含8个字符</i>


          <div><input type="password" placeholder="确认密码" class="clear-input passwordff" ><span
              class="iconfont icon-mimaxianshi"></span></div>
          <i class="iii">前后密码不一致</i>
          <div>出生日期</div>
          <div class="post">注册</div>
        </form>
      </section>
    </main>
    <footer>
      <li>
        <a href="">考试帐号用户协议</a>
        <a href="">关于考试帐号与隐私的声明</a>
        <a href="">常见问题</a>
        <a href="">Cookies</a>
      </li>
      <address>考试帐号 版权所有 © 2011-2021</address>
    </footer>
  </header>
  <script src="../js/post.js"></script>
</body>

</html>